import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import book from './pages/book.vue'
import index from './pages/index.vue'
import kind from './pages/kind.vue'
import my from './pages/my.vue'
import bookNd from '@/pages/second/book-nd'
import indexNd from '@/pages/second/index-nd'
import bookRd from '@/pages/second/third/book-rd'
import indexRd from '@/pages/second/third/index-rd'
Vue.config.productionTip = false
Vue.use(VueRouter)
const routes = [
  {
    path: '/',
    redirect: '/index',
  },
  {
    path: '/index',
    component: index,
    children: [
      {
        path: 'index-nd',
        component: indexNd,

        children: [{
          path: 'index-rd',
          component: indexRd,
        }]
      }
    ],
  },
  {
    path: '/kind',
    component: kind,
  },
  {
    path: '/book',
    component: book,
    children: [{ path: 'book-nd', component: bookNd,children: [{
      path: 'book-rd',
      component: bookRd,
    }] }],
  },
  {
    path: '/my',
    component: my,
  },
]
const router = new VueRouter({ routes })
new Vue({
  router,
  render: (h) => h(App),
}).$mount('#app')
